<!DOCTYPE html>
<html lang="en">

<!-- Head tag -->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="null">
    <meta name="keyword" content="null">
    <meta name="theme-color" content="#600090">
    <meta name="msapplication-navbutton-color" content="#600090">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="#600090">
    <link rel="shortcut icon" href="/assets/favicon.ico">
    <link rel="alternate" type="application/atom+xml" title="张小阳" href="/atom.xml">
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css">
    <title>
        
        归档｜MillZhang&#39;s blog
        
    </title>

    <link rel="canonical" href="http://millzhang.github.io/tags/">

    <!-- Bootstrap Core CSS -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">

    <!-- Custom CSS -->
    <link rel="stylesheet" href="/css/blog-style.css">

    <!-- Pygments Github CSS -->
    <link rel="stylesheet" href="/css/syntax.css">
</head>

<!-- hack iOS CSS :active style -->
<body ontouchstart="" class="animated fadeIn">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top " id="nav-top" data-ispost = "false" data-istags="false
" data-ishome = "false" >
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header page-scroll">
            <button type="button" class="navbar-toggle">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand animated pulse" href="/">
                <span class="brand-logo">
                    MillZhang
                </span>
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <!-- Known Issue, found by Hux:
            <nav>'s height woule be hold on by its content.
            so, when navbar scale out, the <nav> will cover tags.
            also mask any touch event of tags, unfortunately.
        -->
        <!-- /.navbar-collapse -->
        <div id="huxblog_navbar">
            <div class="navbar-collapse">
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="/"><i class="fa fa-home"></i>主页</a>
                    </li>
                   <li>
                        <a href="/tags"><i class="fa fa-tags"></i>归档</a>
                    </li>
                    <li>
                        <a href="/about"><i class="fa fa-user"></i>关于</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- /.container -->
</nav>
<script>
    // Drop Bootstarp low-performance Navbar
    // Use customize navbar with high-quality material design animation
    // in high-perf jank-free CSS3 implementation
//    var $body   = document.body;
    var $toggle = document.querySelector('.navbar-toggle');
    var $navbar = document.querySelector('#huxblog_navbar');
    var $collapse = document.querySelector('.navbar-collapse');

    $toggle.addEventListener('click', handleMagic)
    function handleMagic(e){
        if ($navbar.className.indexOf('in') > 0) {
        // CLOSE
            $navbar.className = " ";
            // wait until animation end.
            setTimeout(function(){
                // prevent frequently toggle
                if($navbar.className.indexOf('in') < 0) {
                    $collapse.style.height = "0px"
                }
            },400)
        }else{
        // OPEN
            $collapse.style.height = "auto"
            $navbar.className += " in";
        }
    }
</script>

<!-- Main Content -->
<style>
    .intro-header .site-heading {
        margin: 50px;
    }
</style>
<!-- Page Header -->
<header class="intro-header">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 ">
                <div class="site-heading text-center">
                    <h1>归档</h1>
                    <span class="subheading"></span>
                </div>
            </div>
        </div>
    </div>
    <div class="post-header-image">
        <img src="http://oritfw5nq.bkt.clouddn.com/home-bg-2-dark.png?imageView2/1/w/1280/h/300/q/70">
    </div>
</header>

<!-- Main Content -->
<div class="container">
    <div class="row">
        <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
            <!-- 标签云 -->
            <div id='tag_cloud' class="tags">
                
                <a href="#css" title="css" rel="2">css</a>
                
                <a href="#mobile" title="mobile" rel="2">mobile</a>
                
                <a href="#node" title="node" rel="4">node</a>
                
                <a href="#javascript" title="javascript" rel="18">javascript</a>
                
                <a href="#正则" title="正则" rel="1">正则</a>
                
                <a href="#深入理解Javascript系列" title="深入理解Javascript系列" rel="5">深入理解Javascript系列</a>
                
                <a href="#vue" title="vue" rel="4">vue</a>
                
                <a href="#hexo" title="hexo" rel="1">hexo</a>
                
                <a href="#随笔" title="随笔" rel="1">随笔</a>
                
                <a href="#fabric" title="fabric" rel="1">fabric</a>
                
                <a href="#unfinished" title="unfinished" rel="8">unfinished</a>
                
                <a href="#es6" title="es6" rel="3">es6</a>
                
                <a href="#canvas" title="canvas" rel="2">canvas</a>
                
                <a href="#笔记" title="笔记" rel="1">笔记</a>
                
                <a href="#books" title="books" rel="1">books</a>
                
                <a href="#articles" title="articles" rel="1">articles</a>
                
                <a href="#tools" title="tools" rel="1">tools</a>
                
            </div>

            <!-- 标签列表 -->
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="css">
                    <span class="tag-text">css</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/08/17/2017-original/2.定心好好学-flex布局/">

                        <h2 class="post-title">
                            <span>2017-08-17</span>
                            <span style="color: #42b983;margin-left:0.4em;">定心好好学之flex弹性布局</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/08/10/2017-original/1.定心好好学-CSS盒模型/">

                        <h2 class="post-title">
                            <span>2017-08-10</span>
                            <span style="color: #42b983;margin-left:0.4em;">定心好好学之CSS盒子模型</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="mobile">
                    <span class="tag-text">mobile</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/03/13/2017-note/01.移动端判断横竖屏/">

                        <h2 class="post-title">
                            <span>2017-03-13</span>
                            <span style="color: #42b983;margin-left:0.4em;">移动端判断横竖屏</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/04/13/2017-note/02.移动端坑和解决方案/">

                        <h2 class="post-title">
                            <span>2017-04-13</span>
                            <span style="color: #42b983;margin-left:0.4em;">移动端的坑和解决方案</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="node">
                    <span class="tag-text">node</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/05/01/2017-note/04.nodejs基础/">

                        <h2 class="post-title">
                            <span>2017-05-01</span>
                            <span style="color: #42b983;margin-left:0.4em;">Node.js 基础篇笔记</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/13/2017-note/13.Hexo个人博客搭建笔录/">

                        <h2 class="post-title">
                            <span>2017-06-13</span>
                            <span style="color: #42b983;margin-left:0.4em;">Hexo个人博客搭建笔录</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/13/2017-note/12.node笔录/">

                        <h2 class="post-title">
                            <span>2017-06-13</span>
                            <span style="color: #42b983;margin-left:0.4em;">node笔录</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/08/09/2017-note/29.nodejs开发指南/">

                        <h2 class="post-title">
                            <span>2017-08-09</span>
                            <span style="color: #42b983;margin-left:0.4em;">nodejs开发指南</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="javascript">
                    <span class="tag-text">javascript</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/05/12/2017-note/05.JS笔录/">

                        <h2 class="post-title">
                            <span>2017-05-12</span>
                            <span style="color: #42b983;margin-left:0.4em;">JS随笔</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/01/2017-note/07.JS获取上一页访问URL地址/">

                        <h2 class="post-title">
                            <span>2017-06-01</span>
                            <span style="color: #42b983;margin-left:0.4em;">JS获取上一页访问URL地址</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/05/2017-note/08.JS函数式编程/">

                        <h2 class="post-title">
                            <span>2017-06-05</span>
                            <span style="color: #42b983;margin-left:0.4em;">JS函数式编程</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/12/2017-note/11.深入理解javascript-50-1/">

                        <h2 class="post-title">
                            <span>2017-06-12</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(一)</span>
                            
                            <span style="color: #42b983;">--编写高质量的Javascript代码</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/11/2017-note/10.闭包测试/">

                        <h2 class="post-title">
                            <span>2017-06-11</span>
                            <span style="color: #42b983;margin-left:0.4em;">闭包测试</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/14/2017-note/14.页面回到顶部滚动按钮实现/">

                        <h2 class="post-title">
                            <span>2017-06-14</span>
                            <span style="color: #42b983;margin-left:0.4em;">页面回到顶部滚动按钮平滑滚动</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/15/2017-note/16.深入理解javascript-50-3/">

                        <h2 class="post-title">
                            <span>2017-06-15</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(三)</span>
                            
                            <span style="color: #42b983;">--解析Module模式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/19/2017-note/17.深入理解javascript-50-4/">

                        <h2 class="post-title">
                            <span>2017-06-19</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(四)</span>
                            
                            <span style="color: #42b983;">--立即调用的函数表达式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/15/2017-note/15.深入理解javascript-50-2/">

                        <h2 class="post-title">
                            <span>2017-06-15</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(二)</span>
                            
                            <span style="color: #42b983;">--揭秘命名函数表达式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/09/2017-note/09.ES6字符串扩展/">

                        <h2 class="post-title">
                            <span>2017-06-09</span>
                            <span style="color: #42b983;margin-left:0.4em;">ES6字符串扩展</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/28/2017-note/21.深入理解javascript-50-5/">

                        <h2 class="post-title">
                            <span>2017-06-28</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(五)</span>
                            
                            <span style="color: #42b983;">--强大的原型和原型链</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/29/2017-note/22.getComputedStyle/">

                        <h2 class="post-title">
                            <span>2017-06-29</span>
                            <span style="color: #42b983;margin-left:0.4em;">getComputedStyle</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/03/2017-note/23.Promise/">

                        <h2 class="post-title">
                            <span>2017-07-03</span>
                            <span style="color: #42b983;margin-left:0.4em;">Promise</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/06/2017-note/26.canvas绘制/">

                        <h2 class="post-title">
                            <span>2017-07-06</span>
                            <span style="color: #42b983;margin-left:0.4em;">canvas绘制</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/04/2017-note/24.ES6的编程风格/">

                        <h2 class="post-title">
                            <span>2017-07-04</span>
                            <span style="color: #42b983;margin-left:0.4em;">ES6编程风格摘要</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/18/2017-note/27.vue移动端开发手册/">

                        <h2 class="post-title">
                            <span>2017-07-18</span>
                            <span style="color: #42b983;margin-left:0.4em;">vue移动端开发手册</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/06/2017-note/25.canvas基础/">

                        <h2 class="post-title">
                            <span>2017-07-06</span>
                            <span style="color: #42b983;margin-left:0.4em;">canvas基础</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/11/2017-note/26.vue文档纪要/">

                        <h2 class="post-title">
                            <span>2017-07-11</span>
                            <span style="color: #42b983;margin-left:0.4em;">vue文档纪要</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="正则">
                    <span class="tag-text">正则</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/05/27/2017-note/06.正则表达式/">

                        <h2 class="post-title">
                            <span>2017-05-27</span>
                            <span style="color: #42b983;margin-left:0.4em;">正则表达式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="深入理解Javascript系列">
                    <span class="tag-text">深入理解Javascript系列</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/12/2017-note/11.深入理解javascript-50-1/">

                        <h2 class="post-title">
                            <span>2017-06-12</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(一)</span>
                            
                            <span style="color: #42b983;">--编写高质量的Javascript代码</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/15/2017-note/16.深入理解javascript-50-3/">

                        <h2 class="post-title">
                            <span>2017-06-15</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(三)</span>
                            
                            <span style="color: #42b983;">--解析Module模式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/19/2017-note/17.深入理解javascript-50-4/">

                        <h2 class="post-title">
                            <span>2017-06-19</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(四)</span>
                            
                            <span style="color: #42b983;">--立即调用的函数表达式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/15/2017-note/15.深入理解javascript-50-2/">

                        <h2 class="post-title">
                            <span>2017-06-15</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(二)</span>
                            
                            <span style="color: #42b983;">--揭秘命名函数表达式</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/28/2017-note/21.深入理解javascript-50-5/">

                        <h2 class="post-title">
                            <span>2017-06-28</span>
                            <span style="color: #42b983;margin-left:0.4em;">Review深入理解Javascript系列(五)</span>
                            
                            <span style="color: #42b983;">--强大的原型和原型链</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="vue">
                    <span class="tag-text">vue</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/04/21/2017-note/03.Vue笔录/">

                        <h2 class="post-title">
                            <span>2017-04-21</span>
                            <span style="color: #42b983;margin-left:0.4em;">Vue备忘</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/26/2017-note/20.Vue父子组件通信实例/">

                        <h2 class="post-title">
                            <span>2017-06-26</span>
                            <span style="color: #42b983;margin-left:0.4em;">Vue父子组件通信实例</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/18/2017-note/27.vue移动端开发手册/">

                        <h2 class="post-title">
                            <span>2017-07-18</span>
                            <span style="color: #42b983;margin-left:0.4em;">vue移动端开发手册</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/11/2017-note/26.vue文档纪要/">

                        <h2 class="post-title">
                            <span>2017-07-11</span>
                            <span style="color: #42b983;margin-left:0.4em;">vue文档纪要</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="hexo">
                    <span class="tag-text">hexo</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/13/2017-note/13.Hexo个人博客搭建笔录/">

                        <h2 class="post-title">
                            <span>2017-06-13</span>
                            <span style="color: #42b983;margin-left:0.4em;">Hexo个人博客搭建笔录</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="随笔">
                    <span class="tag-text">随笔</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/19/2017-note/18.歌声与微笑/">

                        <h2 class="post-title">
                            <span>2017-06-19</span>
                            <span style="color: #42b983;margin-left:0.4em;">歌声与微笑</span>
                            
                            <span style="color: #42b983;">--李志-<<8>></span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="fabric">
                    <span class="tag-text">fabric</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/19/2017-note/19.Fabricjs/">

                        <h2 class="post-title">
                            <span>2017-06-19</span>
                            <span style="color: #42b983;margin-left:0.4em;">fabric.js文档</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="unfinished">
                    <span class="tag-text">unfinished</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/19/2017-note/19.Fabricjs/">

                        <h2 class="post-title">
                            <span>2017-06-19</span>
                            <span style="color: #42b983;margin-left:0.4em;">fabric.js文档</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/06/29/2017-note/22.getComputedStyle/">

                        <h2 class="post-title">
                            <span>2017-06-29</span>
                            <span style="color: #42b983;margin-left:0.4em;">getComputedStyle</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/03/2017-note/23.Promise/">

                        <h2 class="post-title">
                            <span>2017-07-03</span>
                            <span style="color: #42b983;margin-left:0.4em;">Promise</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/06/2017-note/26.canvas绘制/">

                        <h2 class="post-title">
                            <span>2017-07-06</span>
                            <span style="color: #42b983;margin-left:0.4em;">canvas绘制</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/18/2017-note/28.开发笔记/">

                        <h2 class="post-title">
                            <span>2017-07-18</span>
                            <span style="color: #42b983;margin-left:0.4em;">开发笔记</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/04/2017-note/24.ES6的编程风格/">

                        <h2 class="post-title">
                            <span>2017-07-04</span>
                            <span style="color: #42b983;margin-left:0.4em;">ES6编程风格摘要</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/18/2017-note/27.vue移动端开发手册/">

                        <h2 class="post-title">
                            <span>2017-07-18</span>
                            <span style="color: #42b983;margin-left:0.4em;">vue移动端开发手册</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/11/2017-note/26.vue文档纪要/">

                        <h2 class="post-title">
                            <span>2017-07-11</span>
                            <span style="color: #42b983;margin-left:0.4em;">vue文档纪要</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="es6">
                    <span class="tag-text">es6</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/09/2017-note/09.ES6字符串扩展/">

                        <h2 class="post-title">
                            <span>2017-06-09</span>
                            <span style="color: #42b983;margin-left:0.4em;">ES6字符串扩展</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/03/2017-note/23.Promise/">

                        <h2 class="post-title">
                            <span>2017-07-03</span>
                            <span style="color: #42b983;margin-left:0.4em;">Promise</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/04/2017-note/24.ES6的编程风格/">

                        <h2 class="post-title">
                            <span>2017-07-04</span>
                            <span style="color: #42b983;margin-left:0.4em;">ES6编程风格摘要</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="canvas">
                    <span class="tag-text">canvas</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/07/06/2017-note/26.canvas绘制/">

                        <h2 class="post-title">
                            <span>2017-07-06</span>
                            <span style="color: #42b983;margin-left:0.4em;">canvas绘制</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
                <div class="post-preview">
                    <a href="/2017/07/06/2017-note/25.canvas基础/">

                        <h2 class="post-title">
                            <span>2017-07-06</span>
                            <span style="color: #42b983;margin-left:0.4em;">canvas基础</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="笔记">
                    <span class="tag-text">笔记</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/07/18/2017-note/28.开发笔记/">

                        <h2 class="post-title">
                            <span>2017-07-18</span>
                            <span style="color: #42b983;margin-left:0.4em;">开发笔记</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="books">
                    <span class="tag-text">books</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/01/carts/01.书籍/">

                        <h2 class="post-title">
                            <span>2017-06-01</span>
                            <span style="color: #42b983;margin-left:0.4em;">书籍列表</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="articles">
                    <span class="tag-text">articles</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/02/carts/02.文章/">

                        <h2 class="post-title">
                            <span>2017-06-02</span>
                            <span style="color: #42b983;margin-left:0.4em;">文章列表</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            
            <div class="one-tag-list">
                <span class="fa fa-tag listing-seperator" id="tools">
                    <span class="tag-text">tools</span>
                </span>
                
                <div class="post-preview">
                    <a href="/2017/06/03/carts/03.工具/">

                        <h2 class="post-title">
                            <span>2017-06-03</span>
                            <span style="color: #42b983;margin-left:0.4em;">工具列表</span>
                            
                        </h2>
            
                    </a>
                </div>
                <hr>
                
            </div>
            

        </div>
    </div>
</div>

<!-- Footer -->
<!-- Footer -->
<footer>
    <div class="container">
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1 text-center">
                <p class="copyright text-muted">
                    Copyright &copy; MillZhang 2017
                    <br>
                </p>
            </div>
        </div>
    </div>
</footer>

<!-- jQuery -->
<script src="/js/jquery.min.js"></script>

<!-- Bootstrap Core JavaScript -->
<script src="/js/bootstrap.min.js"></script>

<!-- Custom Theme JavaScript -->
<script src="/js/blog.js"></script>

<!-- async load function -->
<script>
    function async(u, c) {
      var d = document, t = 'script',
          o = d.createElement(t),
          s = d.getElementsByTagName(t)[0];
      o.src = u;
      if (c) { o.addEventListener('load', function (e) { c(null, e); }, false); }
      s.parentNode.insertBefore(o, s);
    }
</script>

<!-- jquery.tagcloud.js -->
<script>
    // only load tagcloud.js in tag.html
    if($('#tag_cloud').length !== 0){
        async("http://oritfw5nq.bkt.clouddn.com/jquery.tagcloud.js",function(){
            $.fn.tagcloud.defaults = {
                //size: {start: 1, end: 1, unit: 'em'},
                color: {start: '#bbbbee', end: '#0085a1'},
            };
            $('#tag_cloud a').tagcloud();
        })
    }
</script>

<!--fastClick.js -->
<script>
    async("//cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js", function(){
        var $nav = document.querySelector("nav");
        if($nav) FastClick.attach($nav);
    })
</script>



<!--wechat title img-->
<img class="wechat-title-img" src="http://oritfw5nq.bkt.clouddn.com/avatar.jpg?imageslim">
<a id="backtop" class="border-bottom" href="javascript:;">回顶部</a>
<script type="application/javascript">
var docOuter = document.body.scrollTop ? document.body : document.documentElement;
var backToTop = function(rate) {
  var doc = document.body.scrollTop ? document.body : document.documentElement;
  var scrollTop = doc.scrollTop;
  var top = function() {
    scrollTop = scrollTop + (0 - scrollTop) / (rate || 2);
    if (scrollTop < 1) {
      doc.scrollTop = 0;
      return;
    }
    doc.scrollTop = scrollTop;
    // 动画gogogo!
    requestAnimationFrame(top);
  };
  top();
};
var topBtn = document.getElementById('backtop'),
    docTop = docOuter.scrollTop;
if(docTop>=300){
  topBtn.style.opacity = 1;
}

topBtn.onclick = function() {
  backToTop(12)
}
window.onscroll = function(e) {
  var doc = document.body.scrollTop ? document.body : document.documentElement;
  var scrollTop = doc.scrollTop;
  if (scrollTop >= 300) {
    topBtn.style.opacity = 1;
  } else {
    topBtn.style.opacity = 0;
  }
}
</script>
</body>

</html>
